<template>
  <header class="toolbar">
    <div class="toolbar-left">
      <h2 class="conversation-title">AI智能对话</h2>
      <div class="conversation-meta">
        <span class="message-count">{{ messageCount }} 条消息</span>
        <span class="separator">•</span>
        <span class="status-text">{{ isStreaming ? 'AI正在思考...' : '就绪' }}</span>
      </div>
    </div>

    <div class="toolbar-right">
      <slot name="actions"></slot>
    </div>
  </header>
</template>

<script setup>
defineProps({
  messageCount: {
    type: Number,
    default: 0
  },
  isStreaming: {
    type: Boolean,
    default: false
  }
})
</script>


<style scoped>
@import './index.css';
</style>
